@charset "utf-8";
* {margin:0; padding:0; list-style:none; }
html{_background:url(about:blank);background-attachment:fixed;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,
button,input,textarea,th,td{margin:0;padding:0;}
body{ background: #F6F6F6; color:#333; font-size:14px; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma'; margin:0 auto; padding:0; line-height:25px;}
ul,li{list-style:none;}
input,textarea,button,select{font-size:12px; outline:none; resize:none; color:#333; font-family: '微软雅黑', "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, 'Tahoma';}
button{cursor: pointer;}
table{border-collapse:collapse;border-spacing:0;}

img{border:0px; padding:0px;border:none; display:inline-block;}
a{ color:#5c5c5c; text-decoration:none;text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}
a:hover{ color:#00A0E4;}
.clear{width:100%; height:0px; clear:both; overflow:hidden;}

em,i { font-style: normal; }
.swiper-container.WarpBox { width: 100%;height: 100vh; margin-left: auto;margin-right: auto;}
.swiper-container.WarpBox .swiper-slide {text-align: center; font-size: 14px;background: #fff; display: -webkit-box;display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;align-items: center;}


.top{ width: 100%; height: 10vh; position:fixed; top: 0; left: 0; background: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.05); ; z-index: 999;}
.topz{ max-width:1360px; width:96%; margin:0 auto; height: 100%; }
.top .logo{ float: left; height: 100%; width: 13%; position: relative;}
.top .logo a{ display: block; width: 100%; height: 100%;}
.top .logo img{ display: block; width: auto; left: 50%; height: 100%; position: absolute; top: 50%; transform: translate(-50%,-50%);}
.top .language{float: right; width: 7%; margin-right:2%; height: 40px; margin-top:20px;; border: 1px solid #333333; font-size: 12px; line-height:40px; text-align:center; box-sizing: border-box; overflow: hidden; background: url(../images/bg_05.png) 28px center no-repeat;}

.top .nav{ float: right; display: block; height: 100%; width: 70%;}
.top .nav ul{ height: 100%; width: 100%;}
.top .nav ul li{ float: left; width: 14.28%; height: 100%; position: relative;}
.top .nav ul li p{ width: 100%; height: 100%; text-align: center; line-height: 10vh; text-align: center; font-size:16px;background: url(../images/menu.png) center bottom no-repeat; font-weight: bold; color: #333; cursor: pointer; transition: 0.5s;}
.top .nav ul li p a{ display:block;}
.top .nav ul li p a:hover{ color:#fff;}
.top .nav ul li .ion_1 span{ font-size:18px; padding-left:5px;}
.s1{width:100%; height:48px; line-height:48px; margin:0; padding-left:12px;  border:none;  border: 1px solid rgba(0, 0, 0, 0.1); color:#888;box-sizing: border-box;}
.s2{ width:130px; height:38px; background:#00A0E4; border:0px; color:#fff;;}

.top .nav ul li:hover p{ background:#00A0E4 url(../images/menu1.png) center bottom no-repeat;; color: #fff;}
.top .nav ul li dl{ width:250px; padding:15px; display: none; position: absolute; top: 100%; left: 0;  background: rgba(255,255,255,1);box-shadow: 0px 4px 10px rgba(34, 121, 232, 0.18);border-radius: 4px; border-top:0; border-bottom:0;}
.top .nav ul li dl dd{ width: 100%; text-align: left; height: 48px; line-height: 48px; font-size: 14px; color: #333; transition: 0.5s; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.top .nav ul li dl dd a{ color: #666;}
.top .nav ul li dl dd:hover{ background: #fff; color:#;}
.top .nav ul li dl dd:hover a{ display:block;color: #00A0E4;}
.top .nav ul li:hover dl{ display: block;}
.AppTop{ display: none;}
.fixedNav{ display: none;}
@font-face {
  font-family: 'iconfont';
  src: url('iconfont.ttf?t=1630826615648') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



@media (max-width:1100px ) {

.top{ display: none}


.AppTop{display: block; width: 100%; height: 10vh; position: fixed; left: 0; top: 0; z-index: 99; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.AppTop .logo{ height: 100%;  line-height: 10vh; float: left;  width: 30%; position: relative;}
.AppTop .logo img{ display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: auto; height: 60%;}
.AppTop .AppClick{ display: block; width: 30px; height:20px; position: absolute; right: 5%; top:50%; transform: translateY(-50%); z-index: 99; transition: 0.5s;}
.AppTop .AppClick span{display: block; width: 100%; height: 3px; position: absolute; transition: 0.5s; border-radius:4px; background: #000; transition: 0.5s;}
.AppTop .AppClick span:nth-child(1){ top: 0; left: 0;}
.AppTop .AppClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}
.AppTop .AppClick span:nth-child(3){ bottom: 0; left: 0;}
.AppTop .AppClick.on{ transform: translateY(-50%) rotate(180deg);}
.AppTop .AppClick.on span:nth-child(1){ top: 50%; transform: translateY(-50%) rotate(45deg);}
.AppTop .AppClick.on span:nth-child(2){ top: 50%; transform: translateY(-50%) rotate(-45deg);}
.AppTop .AppClick.on span:nth-child(3){ width: 0;}
.fixedNav{ position: fixed; left:-100%; top: 0; width: 60%; height: 100vh; background: #fff; transition: 0.5s; display: block; z-index: 100; box-shadow: 0 0 10px rgba(0,0,0,0.3); transition: 0.5s;}
.fixedNav .logo{ width: 40%; padding: 30px 0; margin: 0 auto;}
.fixedNav .logo img{ display: block; width: 100%; height: auto;}
.fixedNav .nav{ width: 70%; margin: 0 auto;}
.fixedNav .nav li{ height: auto; line-height: 30px; margin-bottom: 15px;}
.fixedNav .nav li .bt{ width: 100%; height: 20px; position: relative; line-height: 20px;}
.fixedNav .nav li .bt span{ position: absolute; left: 0; top: 0; width: 16px; height: 16px; transition: 0.5s;}
.fixedNav .nav li .bt.on span{ transform: rotate(90deg);}
.fixedNav .nav li .bt span img{ display: block; width: 100%; height: 100%;}
.fixedNav .nav li .bt a{padding-left: 30px; font-size: 16px; display: block; width: 100%; height: 100%; box-sizing: border-box;}
.fixedNav .nav li .bt b{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0}
.fixedNav .nav li .bt.on b{ display: none;}
.fixedNav .nav li dl{ padding-top: 20px; display: none;}
.fixedNav .nav li dl dd a{ line-height: 12px; font-size: 12px; padding-bottom: 8px;}
.fixedNav .language{ width: 100%; text-align: center; position: absolute; bottom: 100px;}
.fixedNav .language dd{ display: inline-block; border-right:1px solid #333 ; text-align: center; padding: 0 10px; font-size: 16px; line-height: 16px;}
.fixedNav .language dd a{ font-size: 14px; color: #666;}
.fixedNav .language dd:last-child{ border-right:0 ;}
.line{ display: block; width:100%; height:10vh;;}

}

.line1{ width:100%; height:10vh;}
.banner{ width:100%; position:relative; background:#000; margin:0 auto; }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li img{width:100%;  display: block; height: auto; } 
.banner .bd li-active img{ animation: banner 10s linear infinite; }
.banner .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px;  text-align:center; filter:alpha(opacity=60);opacity:0.6 }
.banner .hd ul{ text-align:center;  padding-top:5px;  }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; font-size:0;}
.banner .hd ul .on{ background-position:0 0; }
.banner .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-27% 0 0 3%; float:left; filter:alpha(opacity=40);opacity:0.4  }
.banner .next{  background-position:right 0; float:right; margin-right:3%  }
.banner .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }

.index_main{ background:#F7F7FB url(../images/a1.png) center top no-repeat; overflow:hidden; padding-bottom:60px;}
.cont1{ max-width:1360px; height:auto; width:96%; height:auto; margin:80px auto;}
.cnt1{ max-width:38%; float:left;}
.cnt1 img{max-width:100%;}
.cnt2{ width:55%; height:auto; float:right;}
.ct21{ width:100%; height:auto;}
.ct21 h2{ color:#333; font-size:36px; line-height:50px;}
.ct21 p{ width:100%; padding-top:15px;}
.ct21 a{ color:#00A0E4; padding-top:40px; padding-bottom:20px}
.ct22{ width:100%; height:128px;box-shadow: 0px 4px 10px rgba(34, 121, 232, 0.18); background:#fff;border-radius: 4px; margin-top:100px;}
.ct22 li{ width:33.33%; float:left; text-align:center;}
.ct22 li h2{ font-size:48px; font-weight:normal; color:#333; position:relative; margin-top:35px;}
.ct22 li h2 span{ font-size:14px; position:absolute; top:0px;}
.ct22 li h2 img{ padding-right:10px;}
.ct22 li p{ line-height:50px;}
@media (max-width:1100px ) {
	.cont1{ max-width:1360px; height:auto; width:96%; height:auto; margin:40px auto;}
.cnt1{ max-width:100%; float: none; text-align:center;}
.cnt1 img{max-width:70%;}
.cnt2{ width:100%; height:auto; padding-top:15px; float:right;}
.ct21 h2{ color:#333; font-size:18px; line-height:30px;}
.ct22{  margin-top:10px;}
}

@media (max-width:756px ) {
	.ct21 p{ width:100%; padding-top:15px; line-height:24px;}
.ct22{ width:100%; height:90px;box-shadow: 0px 4px 10px rgba(34, 121, 232, 0.18); background:#fff;border-radius: 4px; margin-top:10px;}
.ct22 li{ width:33.33%; float:left; text-align:center;}
.ct22 li h2{ font-size:26px; font-weight:normal; color:#333; position:relative; margin-top:15px;}
.ct22 li h2 span{ font-size:14px; position:absolute; top:0px;}
.ct22 li h2 img{ padding-right:10px; display:none;}
.ct22 li p{ line-height:50px;}

}

.cont2{ width:96%; max-width:1360px; margin:0 auto; padding-bottom:50px;}
.cont2 li{ width:30%; margin-right:5%; float:left; background:#fff; padding-bottom:20px;}
.cont2 li img{ width:100%; display:block;cursor: pointer;transition: all 1.2s;}
.cont2 li img:hover{transform: scale(1.1);}
.cont2 li:nth-child(3n){ margin-right:0;}
.cont2 li h2{ width:98%; height:auto; line-height:70px; font-size:18px; color:#333; text-align:center; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.cont2 li p{ width:80%; margin:0 auto; height:75px; line-height:25px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden; text-align:center;}
.cont2 li span{ width:180px; height:45px; background:#5D6C83; display:block; text-align:center; line-height:45px; margin:40px auto; color:#fff;transition: all 0.8s; }
.cont2 li:hover span{ background:#00A0E4;;}
.footer{ width:100%; height:52px; line-height:52px; padding:14px 0px; line-height:52px; background:#F0F0F0;;}
.foot{ max-width:1360px; width:96%; margin:0 auto;}

.fot1{ width:60%; float:left;}
.fot2{ float:right;}
@media (max-width:800px ) {
	.index_main{ background:#F7F7FB url(../images/a1.png) center top no-repeat; overflow:hidden; padding-bottom:40px;}
.cont2 li{ width:49%; margin-right:2%; float:left; background:#fff; padding-bottom:20px;}
.cont2 li img{ width:100%; display:block;cursor: pointer;transition: all 1.2s;}
.cont2 li img:hover{transform: scale(1.1);}
.cont2 li:nth-child(2n){ margin-right:0;}
.cont2 li:nth-child(3){ margin-right:0; display:none;}
.cont2 li h2{ width:98%; height:auto; line-height:40px; height:40px; font-size:16px; color:#333; text-align:center; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden;}
.cont2 li p{ width:96%; margin:0 auto; height:48px; line-height:24px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden; text-align:center;}
.cont2 li span{ width:130px; height:40px; background:#5D6C83; display:block; text-align:center; line-height:40px; margin:20px auto; color:#fff;transition: all 0.8s; }
.footer{ width:100%; height: auto; line-height:26px; padding:25px 0px 5px 0px;;  background:#F0F0F0;;}
.fot1{ width:100%; float:left;}
.fot2{ float:left;}
}

.ban1{ width:100%; height:auto;}
.ban1 img{ max-width:100%; display:block;}    
.n_main{background: #F7F7FB; padding-bottom:60px;}
.n_menu{ width:100%; min-height:56px; background:#fff;}
.n_men{ max-width:1360px; width:96%; margin:0 auto;}
.n_men a{ width:200px; height:56px; line-height:56px; text-align:center; display:block; color:#666; float:left;transition: all 0.8s; background:url(../images/a81.png) center bottom no-repeat;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.n_men a:hover{ color:#00A0E4; font-weight:bold;background:#F7F7FB url(../images/a8.png) center bottom no-repeat; }
.n_tip{ width:100%; height:50px; line-height:50px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-top:60px;}
.ntip{ max-width:1360px; width:96%; margin:0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.n_prod{ max-width:1360px; height:auto; width:96%; margin:70px auto;}

.pd_hd_l{width:100%; background:#; position:relative; overflow:hidden;; }

.pd1 img{display:block; width:100%; height:auto;}


.gallery-thumbs .swiper-button-prev,
.gallery-thumbs .swiper-button-next{ position:absolute; bottom:0px;; width:48px; height:48px;z-index:99; cursor:pointer; -webkit-transition:all .5s linear; transition:all .5s linear; }
.gallery-thumbs .swiper-button-prev{ background-image: url(../images/b1.png) !important;  left:0px; }
.gallery-thumbs .swiper-button-next{background-image: url(../images/b2.png)  !important ;  right:0px; }

.swiper-container {width: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide { background-size: cover; background-position: center; }
.gallery-top { height: auto; width:44%; float:left;;}
.gallery-thumbs { width:40%; height: auto; margin-right:25%; margin-top:32%; position: inherit !important; bottom:0px; }
.gallery-thumbs .swiper-slide {height: 100%; }
.gallery-thumbs .swiper-slide-thumb-active {    transform: translate3d(0,-5px,0);transition: all .2s linear;    box-shadow: 0 3px 6px rgba(0,0,0,0.1);}

.prodxj{ width:50%; height:  auto; position:absolute; left:50%; top:8%;}
.prodxj_title{ width:100%; height:60px; line-height:30px; font-size:24px; font-weight:bold; color:#00A0E4;;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.prodcolor{ width:100%; padding-top:40px; color:#333; }
.prodcolor li{ width:100%; height:45px; line-height:45px; border-bottom:1px solid rgba(0,0,0,0.1)}
.prodcolor li .prodlr{ width:50%; float:left; text-indent:5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prodcolor li:nth-child(1){ font-weight:bold;}
/* 选项卡示例样式 */
.main3 {width: 96%; max-width:1360px;margin:0px auto;}
.tab1 {overflow: hidden;width: 100%;height:60px;background: #fff;border: 1px solid #E0E0E0;box-sizing: border-box;cursor: pointer; border-right:0px;}
.tab1 li {float: left;width: 25%;text-align: center;line-height: 60px; height:60px;border-right: 1px solid #E0E0E0;box-sizing: border-box;}
.tab1 li.on {background:#00A0E4; color:#fff;;}
.con1 {width: 100%; margin-top:35px;border-top: none;}
.con1 img{ max-width:100%;}
.cn1t{ width:100%; height:auto; }
.cn1t li{ border-bottom:1px solid #E0E0E0; height:60px; line-height:60px; text-indent:15px; background:#fff;}
.cn1t li:nth-child(1){ border:0px; background:#F2F2F2; font-size:18px; color:#333; font-weight:bold;}
.cn1t li .cn2t{ width:50%; height:60px; float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
@media (max-width:1200px ) {
.prodxj{ width:40%; height:  auto; position:absolute; left:54%; top:10%;}
.prodxj_title{ width:100%; height:50px; line-height:25px; font-size:20px; font-weight:bold; color:#00A0E4;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.prodcolor{ width:100%; padding-top:15px; font-size:14px; color: #333; }


}
@media (max-width:1000px ) {
	.n_prod{ max-width:1360px; height:auto; width:96%; margin:0px auto 0px auto;}
	.pd_hd_l{width:100%; background:#; position:relative; padding-bottom:30px; overflow:hidden;; }
.gallery-top { height: auto; width:100%; margin-bottom:10px; float:  left; ;}
.gallery-thumbs { width:100%; height: auto; margin-right:2%;  margin-top:50%;   }
.prodxj{ width:100%; height:  auto;  position: inherit; left:0; top:0; padding:35px 2%;box-sizing: border-box;}
.prodxj_title{ width:100%; height:40px; line-height:20px; font-size:16px; font-weight:bold; color:#00A0E4;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.prodcolor{ width:100%; padding-top:10px; font-size:13px; color: #333; }
}

@media (max-width:800px ) {
	.n_main{background: #F7F7FB; padding-bottom:20px;}
	.n_menu{ width:100%; height: auto; background:#fff;}
.n_men{ max-width:1360px; width:96%; margin:0 auto; text-align:center;}
.n_men a{ width:50%; height:40px; line-height:40px; text-align:center; display:block; color:#666; float:left;transition: all 0.8s; background:url(../images/a91.png) center bottom no-repeat; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.n_men a:hover{ color:#00A0E4; font-weight:bold;background:#F7F7FB url(../images/a9.png) center bottom no-repeat; }
.n_tip{ width:100%; height:40px; line-height:40px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-top:30px;}
.tab1 {overflow: hidden;width: 100%;height:40px;background: #fff;border: 1px solid #E0E0E0;box-sizing: border-box;cursor: pointer; border-right:0px;}
.tab1 li {float: left;width: 25%;text-align: center;line-height: 40px; height:40px; font-size:12px;border-right: 1px solid #E0E0E0;box-sizing: border-box;}
.tab1 li.on {background:#00A0E4; color:#fff;;}
.con1 {width: 100%; margin-top:35px;border-top: none;}
.con1 img{ max-width:100%;}
.cn1t{ width:100%; height:auto; }
.cn1t li{ border-bottom:1px solid #E0E0E0; height:35px; line-height:35px; text-indent:15px; background:#fff;}
.cn1t li:nth-child(1){ border:0px; background:#F2F2F2; height:45px; line-height:45px; font-size:16px; color:#333; font-weight:bold;}
.cn1t li .cn2t{ width:50%; height:35px; float:left; font-size:12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
}

.cn1d{ width:96%; max-width:1360px; margin:0 auto;}
.cn1d li{ width:23.5%; float:left; background:#fff; margin-right:2%;}
.cn1d li:nth-child(4){ margin-right:0px;}
.cn1d li img{ width:100%;}
.cn1d li p{ width:100%; height:50px; line-height:50px; text-align:center; color:#333;}

.wearzy{ width:96%; height:auto; max-width:1360px; margin:20px auto; position:relative;}
.wearz1{ width:320px;height: auto; float:left; position:absolute; top:0px; left:0px;}
.wear1{ width:320px; height:60px; background:#00A0E4; color:#fff; font-size:18px; font-weight:bold; text-align:center; line-height:60px;}

.container{ max-width:1440px; margin:0 auto; }
.join_tab ul{  width:100%; border-collapse:collapse; text-align:center; }
.join_tab .uwl-title{ background:#687786; height:63px; line-height:63px; font-weight:bold; margin-bottom:20px;}
 .join_tab .uwl-title .uwl-1{ height:63px; line-height:63px; }
.join_tab .uwl-1{ width:70%; display:block; color:#; float:left; font-size:18px;  text-align:left; height:60px; line-height:60px; padding-left:3%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.join_tab .uw2{ width:10%; float:right; height:63px;background:url(../images/n8.png) center  no-repeat;transition: all 0.6s;}

.contain{ width:100%; height:auto; padding-bottom:20px;}
.accordion {position: relative; font-size:18px; font-weight:normal;background: #fff; color:#333;display: inline-block;width: 100%;border: 1px solid #E0E0E0; vertical-align: middle;  }
.accordion:hover{ }
.accordion-desc { z-index: 2; padding:10px 10px;border:1px solid #e6e6e6; border-top:0px;box-sizing: border-box; text-align:left; }

.accd1{ width:100%; height:auto;}
.accd1 li{ width:100%; height:40px; margin:5px auto; line-height:40px; text-align:left; font-size:14px; color:#666;}
.accd1 li a{ float:right; font-size:25px;}

.accd2{ width:100%; height:auto;}
.accd2 li{ width:100%; height:40px; margin:5px auto; line-height:40px; text-align:left; font-size:14px; color:#666; }
.accd2 li span{ float:right; font-size:14px;}


.accd2 li a{ width:100%; height:40px; display:block; background:url(../images/n1.png) left center no-repeat;text-indent:20px;}
.accd2 li a:hover{background:url(../images/n11.png) left center no-repeat;}




.wearz2{ width:100%; min-height:1000px;padding-left:350px; box-sizing: border-box;}
.wear2{ width:100%; height:60px; text-align:left; line-height:60px; color:#333; font-size:24px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.wear21{ width:100%; height:auto; padding-top:20px; }
.wear21 li{ width:30%; height:auto; float:left; margin-right:5%; margin-bottom:25px;transition: all 0.8s;}
.wear21 li:hover{box-shadow: 0px 4px 10px rgba(34, 121, 232, 0.18);}
.wear21 li a{ width:100%; height:auto; background:#fff; display:block; color:#666; padding-bottom:30px;transition: all 0.8s;}
.wear21 li a img{ width:100%;cursor: pointer;transition: all 1.2s; display:block;}
.wear21 li a img:hover{transform: scale(1.1);}
.wear21 li a:hover{ background:#00A0E4;; color:#fff;}
.wear21 li a h2{ width:94%; height:50px; font-size:14px; line-height:50px;font-weight: bold; color:#00A0E4; margin:0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.2s;}
.wear21 li a:hover h2{ color:#fff;}
.wear21 li a p{ width:94%; height:25px; line-height:25px; margin:0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.wear21 li a span{height:50px; line-height:25px; width:94%; margin:0 auto;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; display:block; text-align:justify;}
.wear21 li:nth-child(3n){ margin-right:0px;}
@media (max-width:1000px ) {
	.wearzy{ width:96%; height:auto; max-width:1360px; margin:20px auto; position: static;;}
.wearz1{ width:100%;height: auto; float:100%; float:none; position: static;}
.wear1{ width:100%; height:40px; background:#00A0E4; color:#fff; font-size:15px; font-weight:bold; text-align:center; line-height:40px;}
.join_tab .uwl-1{ width:70%; display:block; color:#; float:left; font-size:14px;  text-align:left; height:40px; line-height:40px; padding-left:3%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.join_tab .uw2{ width:10%; float:right; height:40px;background:url(../images/n8.png) center  no-repeat;transition: all 0.6s;}
.accd2 li{ width:100%; height:30px; margin:2px auto; line-height:30px; text-align:left; font-size:14px; color:#666; }
.accd2 li a{ width:100%; height:30px; display:block; background:url(../images/n1.png) left center no-repeat;text-indent:20px;}
.accd2 li a:hover{background:url(../images/n11.png) left center no-repeat;}
.accd1 li{ width:100%; height:30px; margin:2px auto; line-height:30px; text-align:left; font-size:14px; color:#666;}
.wearz2{ width:100%; min-height:100px;;padding-left:0px; float:none; box-sizing: border-box;}
}
@media (max-width:700px ) {
	.wear2{ width:100%; height:40px; text-align:left; line-height:40px; color:#333; font-size:18px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.wear21 li{ width:49%; height:auto; float:left; margin-right:2%; margin-bottom:20px;transition: all 0.8s;}
.wear21 li:nth-child(3n){ margin-right:2%;}
.wear21 li:nth-child(2n){ margin-right:0px;}
.wear21 li a{ width:100%; height:auto; background:#fff; display:block; color:#666; padding-bottom:15px;transition: all 0.8s;}
.wear21 li a h2{ width:96%; height:30px; font-size:14px; line-height:30px;font-weight: bold; color:#00A0E4; margin:0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.2s;}
.wear21 li a:hover h2{ color:#fff;}
.wear21 li a p{ width:96%; height:20px; line-height:20px; margin:0 auto;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.wear21 li a span{height:40px; line-height:20px; width:96%; margin:0 auto;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; display:block; text-align:justify;}
}

/*分页*/
#nx_pg{width:100%; height: auto ; padding:15px 0px 30px 0px; text-align:center; }
#nx_pg a{display: inline-block; padding:2px 11px 2px 11px; background:#fff; color:#4c4c4c;font-size:12px; border:1px solid #939393; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
#nx_pg a:hover{background:#00A0E4; color:#fff; border:1px solid #00A0E4;}
#nx_pg .on{ background:#00A0E4; color:#fff; border:1px solid #00A0E4;}

.proud_tip{ width:96%; max-width:1360px; margin:0 auto; background:#fff; padding:50px;box-sizing: border-box; line-height:25px; color:#666; }
.proud_tip h2{ width:100%; height:40px; font-size:18px; color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
@media (max-width:800px ) {
.proud_tip{ width:96%; max-width:1360px; margin:0 auto; background:#fff; padding:12px 5px;box-sizing: border-box; font-size:12px;line-height:22px; color:#666; }
.proud_tip h2{ width:100%; height:30px; font-size:14px; color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
}

.t_main{ max-width:1360px; height:auto; margin:0 auto; width:96%; padding:70px 0px;;}
.t_main li{ width:48%; height:auto; margin-right:4%; float:left;}
.t_main li:nth-child(2n){ margin-right:0%;}
.t_main li img{ width:100%; display:block;}
.t_main li p{ width:100%; height:60px; line-height:60px; background:#00A0E4; font-size:18px; padding:0px 15px;box-sizing: border-box; color:#fff;}
.t_main li a:hover p{ text-decoration:underline;}
.t_main li p span{ font-size:20px; float:right;}

@media (max-width:800px ) {
.t_main{ max-width:1360px; height:auto; margin:0 auto; width:96%; padding:40px 0px;;}
.t_main li{ width:49%; height:auto; margin-right:2%; float:left;}
.t_main li p{ width:100%; height:45px; line-height:45px; background:#00A0E4; font-size:14px; padding:0px 10px;box-sizing: border-box; color:#fff;}
.t_main li p span{ font-size:15px; float:right;}
}

.prod_list{ max-width:1360px; width:96%;height:auto; margin:65px auto 20px auto;}
.prod_list li{ width:23.5%; height:auto; float:left; margin-right:2%; margin-bottom:50px;}
.prod_list li:nth-child(4n){ margin-right:0%;}
.prod_list li img{ width:100%;cursor: pointer;transition: all 1.2s; display:block;}
.prod_list li img:hover{transform: scale(1.08);}
.prod_list li p{ width:100%; height:60px; line-height:60px; background:#00A0E4;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align:center; color:#fff; }
.prod_list li a:hover p{ text-decoration:underline;}
@media (max-width:800px ) {
	.prod_list{ max-width:1360px; width:96%;height:auto; margin:35px auto 0px auto ;}
.prod_list li{ width:49%; height:auto; float:left; margin-right:2%; margin-bottom:50px;}
.prod_list li:nth-child(2n){ margin-right:0%;}
.prod_list li p{ width:100%; height:40px; line-height:40px; background:#00A0E4;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align:center; color:#fff; }

}

.zx1{ overflow:hidden; display:inline-block;}
.photo1{ width:96%; max-width:1360px; height:auto; margin:0px auto; padding-top:60px;}
.photo1 li{ width:48%; height:auto;float:left; margin-right:4%; margin-bottom:60px; overflow:hidden; display:block; position: relative;}
.photo1 li a{ width:100%; display:block;}
.photo1 li a img { width:100%; display:block;cursor: pointer;transition: all 1.2s;}
.photo1 li a img:hover{transform: scale(1.1);}
.photo1 li a p{ width:100%; height:60px; line-height:60px; padding:0px 10px; color:#fff;box-sizing: border-box; font-size:18px; position:absolute; bottom:0px; left:0px; background:#00A0E4;transition: all 0.8s;}
.photo1 li a p { color:#fff; display:block; }
.photo1 li a p span{ font-size:20px; float:right;}
.photo1 li a:hover p{ width:100%;}
.photo1 li:nth-child(2n){ margin-right:0%;}
@media (max-width:800px ) {
.photo1 li a p{ width:100%; height:30px; line-height:30px; padding:0px 5px; color:#fff;box-sizing: border-box; font-size:14px; position:absolute; bottom:0px; left:0px; background:#00A0E4;transition: all 0.8s;}
}

.photo2{ width:96%; height:auto; margin:0 auto; max-width:1360px; padding-top:60px; }
.photo2 li{ width:23.5%; height:auto; float:left; margin-right:2%; margin-bottom:55px; background:#fff;}
.photo2 li:nth-child(4n){ margin-right:0%;}
.photo2 li a{ width:100%; height:auto; display:block;}
.photo2 li a .pht2{ width:100%; height:auto; position:relative;}
.photo2 li a .pht2 img{ width:100%; height:auto; display:block;}
.photo2 li a .pht2 .pht21{ width:100%; height:100%; position:absolute; top:0px; left:0px; display:flex;flex-direction:row;justify-content:center;align-items:center;background: rgba(0,0,0,.2); opacity: 0;transition: all 0.9s;}
.photo2 li a .pht2 .pht21 img{ width:46px; height:46px;;}
.photo2 li a:hover .pht21{ opacity: 1;}
.photo2 li a p{ width:80%; height:50px; margin:20px 10%; text-align:center;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
@media (max-width:800px ) {
.photo2{ width:96%; height:auto; margin:0 auto; max-width:1360px; padding-top:40px; }
.photo2 li{ width:49%; height:auto; float:left; margin-right:2%; margin-bottom:35px; background:#fff;}
.photo2 li:nth-child(2n){ margin-right:0%;}
.photo2 li a .pht2 .pht21 img{ width:30px; height:30px;;}
.photo2 li a p{ width:96%; height:44px; margin:12px 2%; line-height:22px; text-align:center;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
}

.ab1{ width:96%; height:auto; margin:0 auto; max-width:1360px; padding-top:60px; }

.ab2{ width:100%; height:auto; }
.ab2 li{ width:31%; float:left; margin-right:3.5%; float:left;}
.ab2 li img{ width:100%;}
.ab2 li:nth-child(3n){ margin-right:0%;}
.ab2 li h2{ font-size:18px; color:#333; line-height:50px;}
.ab2 li  p{ font-size:14px; color:#666; line-height:15px;}
.ab3{ width:100%;}
.ab3 li{ width:48%; height:auto; float:left; margin-right:4%;}
.ab3 li:nth-child(2n){ margin-right:0%;}
.ab3 li img{ width:100%;}
@media (max-width:800px ) {
.ab2 li{ width:49%; float:left; margin-right:2%; float:left; }
.ab2 li:nth-child(2n){ margin-right:0%;}
.ab2 li:nth-child(3){ display:none;}
.ab2 li h2{ font-size:16px; color:#333; line-height:40px;}
.ab2 li  p{ font-size:14px; color:#666; line-height:15px;}
}


.m_history{ width:96%; max-width:1360px; margin:0 auto;}
.m_history img{ max-width:100%;}
.clearfix:after{content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size:0;}
.clearfix{*zoom:1;}
.f-left {float: left;}
.f-right {float: right;}
 .sec1{  padding:80px 0; overflow:hidden;}
 .sec1 .inner{background-repeat:no-repeat; background-position:center 40px;}
 .sec1 ul li { padding-top:60px;background-image:url(../images/history_line.png); background-repeat:repeat-y; background-position:center; position:relative;}
   .sec1 ul{ position:relative;padding-top:30px;background-image:url(../images/history_line.png); background-repeat:repeat-y; background-position:center;}
 .sec1 ul li { padding-top:50px;background-image:url(../images/history_line.png); background-repeat:repeat-y; background-position:center;}


 .sec1 ul li dd:last-child {padding-bottom: 0;}
 .sec1 ul .first{ position:absolute; top:-2px; left:50%; margin-left:-4px;}
 .sec1 ul li .bottom{ position:absolute; bottom:-4px; left:50%; margin-left:-4px;}
 .sec1 ul li .f-left{ width:50%; text-align:right;}
 .sec1 ul li .f-right{width:50%; text-align:left;}
.history .f-right,.history .f-left{ position:relative; left:0; top:0;}
.history_dot{ width:90px; height:28px; position:absolute; background-repeat:no-repeat; z-index:0;}
.f-right .history_dot{left:0;margin-left:-14px;background-image:url(../images/history_left.png); z-index:0;}
.f-left .history_dot{right:0;margin-right:-14px;background-image:url(../images/history_right.png); z-index:0;}
.history_dot1{ width:90px; height:20px; position:absolute; background-repeat:no-repeat; background-position:left 9px; z-index:0;}
.f-right .history_dot1{left:0;margin-left:-5px;background-image:url(../images/history_left1.png); z-index:0;}
.f-left .history_dot1{right:0;margin-right:-5px;background-image:url(../images/history_right1.png); z-index:0;}
.history_date{ color:#00A0E4;; font-size:24px; line-height:1;font-family: 'ITCAVANTGARDESTD-BOLD', Arial, sans-serif; font-weight:bold;}
.f-right .history_date{ padding-left:36px;}
.f-left .history_date{ padding-right:36px;}
.f-right .history_text{ padding-left:84px;}
.f-left .history_text{ padding-right:84px;}
.history_text p{color:#666;  font-size:14px; line-height:26px; background:#fff; padding:20px 10px 10px 10px;;}
.history_text p span{ display:block; width:100%; line-height:40px; height:40px; font-size:18px; color:#333; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.history_text h1{ color:#00a551; font-size:18px; line-height:1; font-weight:lighter; padding-bottom:5px; padding-top:5px;}
.history_tet{ position:relative; padding-bottom:40px;}
.history_tet.last{ padding-bottom:0;}
.padding_b{ padding-bottom:20px;}

.link{ width:96%; max-width:1360px; margin:0 auto; padding:60px 0px;}
.link1{ width:33%; float:left;}
.lnk1{background: #FFFFFF;box-shadow: 0px 4px 10px rgba(34, 121, 232, 0.18);border-radius: 8px; padding:50px; color:#666; line-height:26px;}
.lnk1 h2{ font-size:18px; color:#333; line-height:50px;}
.link2{ width:60%; float:right; padding-top:96px;}
.link2 img{ width:100%;}
@media (max-width:800px ) {
	 .sec1{  padding:40px 0; overflow:hidden;}
.history_text p span{ display:block; width:100%; line-height:30px; height:30px; font-size:14px; color:#333; font-weight:bold; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}	
.history_text p{color:#666;  font-size:12px; line-height:20px; background:#fff; padding:20px 10px 10px 10px;;}
.history_dot{ width:45px; height:28px; position:absolute; background-repeat:no-repeat; z-index:0;}
.f-left .history_dot{right:0;margin-right:-14px;background:url(../images/history_right.png) right center; z-index:0;}
.f-right .history_text{ padding-left:24px; z-index:9;}
.f-left .history_text{ padding-right:24px;z-index:9;}
.link{ width:96%; max-width:1360px; margin:0 auto; padding:30px 0px 10px 0px;;}
.link1{ width:100%; float:left;}
.lnk1{background: #FFFFFF;box-shadow: 0px 4px 10px rgba(34, 121, 232, 0.18);border-radius: 8px; padding:5px 10px 20px 10px;; color:#666; line-height:26px;}
.lnk1 h2{ font-size:16px; color:#333; line-height:30px;}
.link2{ width:100%; float:right; padding-top:25px;}

}